@font-face {
	font-family: BEBAS;
	src: url(../fonts/bebas.woff2);
}
@font-face {
	font-family: DidotLTStdRoman;
	src: url("../fonts/didotltstdroman.woff");
}

.pagination li.active span {text-decoration: none;padding: 10px 15px;margin-right: 5px;font-size: 18px;display: inline-block;border: 1px solid #dedede;font-weight: normal;-webkit-transition: all .5s;transition: all .5s;}


.animate_1s {-webkit-transition: all 1000ms;-moz-transition: all 1000ms;-ms-transition: all 1000ms;-o-transition: all 1000ms;transition: all 1000ms;}

body {width: 100%;min-width: 1200px;overflow: auto; font-family:微软雅黑;}

.header {display: flex;flex-direction: row;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 20px 28px;position: fixed;top:0;left:0;width: 100%;height: 110px;z-index: 20;background-color: rgba(0,0,0,.4);-webkit-transition: all ease 400ms;-moz-transition: all ease 400ms;-ms-transition: all ease 400ms;-o-transition: all ease 400ms;transition: all ease 400ms;}
.header.fixed {padding: 0 28px;background-color: #ffffff;height: 80px;}

.header .left_nav {display: flex;flex-direction: row;justify-content: flex-start;align-items: center;flex: 1;}

.header .left_nav .logo_box {width:400px;padding-right:10px;box-sizing: border-box;border-right: 0px solid rgba(255, 255, 255, .3);}
.header.fixed .left_nav .logo_box {border-right-color: #ededed;}
.header .left_nav .logo_box a {display: block;}
.header.fixed .left_nav .logo_box a {}
.header .left_nav .logo_box img {width: 100%;}
.header.fixed .left_nav .logo_box img {padding: 8px 0; width:100%; max-width:360px;}
.header .left_nav .menu_box {padding-right: 50px;width: 40px;box-sizing: border-box;margin-left: 30px;cursor: pointer;}
.header.fixed .left_nav .menu_box span {background-color: #333333;}

.header .left_nav .menu_box span {display: block;height: 3px;margin: 4px 0;background: #fff;-webkit-transition: all ease 400ms;-moz-transition: all ease 400ms;-ms-transition: all ease 400ms;-o-transition: all ease 400ms;transition: all ease 400ms;}

.header .left_nav .menu_box span:nth-child(1) {width: 30px;}

.header .left_nav .menu_box span:nth-child(2) {width: 36px;}

.header .left_nav .menu_box span:nth-child(3) {width: 24px;}

@media screen and (min-width: 1200px){
	.header .left_nav .menu_box:hover span:nth-child(1) {width: 36px;}

	.header .left_nav .menu_box:hover span:nth-child(2) {width: 24px;}

	.header .left_nav .menu_box:hover span:nth-child(3) {width: 36px;}
}

.header .left_nav .main_nav {
	display: flex;
	padding-left: 50px;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center; border:0px solid #ddd;
	flex: 1;
}
.header .left_nav .main_nav li {margin-left: 46px;position: relative; font-weight:bold;}
.header .left_nav .main_nav li:first-child {margin-left: 0;}
.header .left_nav .main_nav li a {font-size: 16px;color: #fff;padding-bottom: 11px;position: relative;-webkit-transition: all ease 400ms;-moz-transition: all ease 400ms;-ms-transition: all ease 400ms;-o-transition: all ease 400ms;transition: all ease 400ms;}
.header .left_nav .main_nav li>a:after {content: "";width: 0;height: 2px;background: #fff;position: absolute;left: 0;bottom: 0;transition: all .4s linear;}
.header .left_nav .main_nav li>a:hover:after {background: #fff;width: 30px;}

.header.fixed .left_nav .main_nav li>a:hover:after {background-color: #3096e4;}
.header.fixed .left_nav .main_nav li>a {color: #333333;}
.header.fixed .left_nav .main_nav li>a:hover {color: #3096e4;}
.header .left_nav .main_nav li .tnavbox {position: absolute; font-weight:normal;min-width: 120px;left: 50%;top: 24px;height: 0;padding-top: 17px;transform: translateX(-50%)}
.tnavbox .line {z-index: 9;width: 20px;height: 4px;position: absolute;left: 50%;margin-left: -10px;top: 17px;background: #047bd7;transform: translateY(20px);-webkit-transform: translateY(20px);opacity: 0;visibility: hidden;transition: 400ms;-webkit-transition: 400ms;}
.tnav {background: rgba(255,255,255,0.7);box-shadow: 0 0 16px -4px rgba(0,0,0,.3);padding: 20px 1px 18px 1px;transform: translateY(20px);-webkit-transform: translateY(20px);opacity: 0;visibility: hidden;transition: 400ms;-webkit-transition: 400ms;}
.header .left_nav .main_nav li .tnav a {display: block;color: #666;font-size:14px;line-height: 1.1;padding: 10px 0;transition: background 300ms;-webkit-transition: background 300ms;text-align: center;}
.header .left_nav .main_nav li .tnav a:hover {background: #f4f4f4;color: #047bd7;}
.tnavbox.show .tnav, .tnavbox.show .line {transform: translate(0);-webkit-transform: translate(0);opacity: 1;visibility: visible;}
.header .right_nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.header .right_nav li {
	color: #fff;
	font-size: 14px;
	line-height:20px;
	border-left: 1px solid rgba(255, 255, 255, .3);
	padding: 0 12px;
	-webkit-transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-ms-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	transition: all ease 400ms;
	cursor: pointer;
}
.header .right_nav li a{
	color: #fff;
	cursor: pointer;
}
.header.fixed .right_nav li {color: #333333;border-left-color: rgba(51,51,51,0.3);}
.header.fixed .right_nav li a{color: #333333;border-left-color: rgba(51,51,51,0.3);}
.header .right_nav li:first-child {
	border-left: 0;
}
.container .banner {height: 80vh;}
.container .banner .wrap {
	height: 100%;}
.container .banner .wrap img {width: 100%;
	height: 100%;}
.banner_box img {width: 100%;}

.banner .wrap .pagetitle {border-radius: 20px 20px 0 0;width: 100%;margin: 0 auto;max-width: 1200px;background-color: rgba(255,255,255,0.85)!important;height: 30%;box-sizing: border-box;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.container .banner .pagetitle h3.en {text-transform: uppercase;letter-spacing: 3px;font-size: 36px;color: #047bd7;margin-top: 5%;}
.banner .pagetitle h3 {font-size: 32px;color: #141414;text-align: center;line-height: 1.5;}

.footer	{border-top: 1px solid #ededed; background-color:#383838; padding:40px 0px 0px 0px;}
.footer_top {padding-bottom: 70px;width:96%; margin:0px auto; overflow:hidden;}
.footer_top .row {width: 100%;margin: 0 auto;padding-top:0px;}
.footer_top .follow_us { float:left;width:370px;}
.footer_top .follow_us img{ margin:10px 0px 30px 20px;}
.footer_top .follow_us p{ color:#818181; line-height:30px; font-size:16px; padding-left:26px;}
.footer_top .follow_us_inner {min-width: 420px;}
.footer_top .follow_us_inner span {display: inline-block;vertical-align: middle;color: #666;padding-right: 14px;font-size: 15px;line-height: 19px;}
.footer_top .follow_us_inner ul {display: inline-block;vertical-align: middle;margin: 0;}
.footer_top .follow_us_inner li {display: inline-block;vertical-align: middle;padding-left: 12px;}
.footer_top .follow_us_inner li:first-child {padding-left: 0;}
.footer_top .follow_us_inner li a {display: block;width: 60px;height: 60px;box-sizing: border-box;border-radius: 100%;border: 1px solid #ededed;text-align: center;transition: all ease 400ms;position: relative;overflow: hidden;background-repeat: no-repeat;background-position: center center;}
.footer_top .follow_us_inner li a:before {content: "";height: 100%;position: absolute;left: 0;top: 0;transition: all .2s linear;border-radius: 100%;z-index: -1;background-size: 100% 100%;width: 100%;background-color: #ededed;}
.footer_top .follow_us_inner li a:hover {border-color: transparent;}
.footer_top .talk_to_us {text-align: center;max-width: 395px;padding-left: 9px;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-25%,0);}
.footer_top .talk_to_us_inner {}
.footer_top .talk_to_us_inner .ft_logo {position: relative;z-index: 3;margin-bottom: 26px;}
.footer_top .talk_to_us_inner .ft_logo a {}
.footer_top .talk_to_us_inner .ft_logo img {}
.footer_top .talk_to_us_inner h3 {margin-bottom: 25px;font-size: 20px;line-height: 24px;color: #047bd7;display:none;}
.footer_top .talk_to_us_inner .footer_sf {width: 320px;vertical-align: top;}
.footer_top .talk_to_us_inner a.btn {max-width: 179px;width: 100%;box-sizing: border-box;position: relative;display: inline-block;padding: 0 5px;font-size: 15px;height: 60px;text-align: center;z-index: 9;font-style: italic;letter-spacing: 1px;line-height: 60px;    color: #047bd7;transition: all .3s linear;border-top: 1px solid #fff;border-bottom: 1px solid #fff;border-right: 1px solid #fff;border-color: #047bd7;}
.footer_top .talk_to_us_inner a.btn:hover {color: #ffffff;	}
.footer_top .talk_to_us_inner a.btn:before {content: "";background: #fff;height: 0;width: 1px;position: absolute;left: 0;top: 0;transition: all .2s linear;}
.footer_top .talk_to_us_inner a.btn:after {content: "";background: #fff;position: absolute;left: 0;top: 0;height: 100%;width: 0;z-index: -1;transition: all .3s linear;}
.footer_top .talk_to_us_inner a.btn:before,.footer_top .talk_to_us_inner a.btn:after {background-color: #047bd7;}
.footer_top .talk_to_us_inner a.btn:hover:before {height: 100%;}
.footer_top .talk_to_us_inner a.btn:hover:after {width: 100%;transition-delay: .3s;}
.footer_top .fb_lang { float:left; padding:20px 0px 0px 0px; margin:0px 0px 0px 40px;}
.footer_top .fb_2wm { float:right; width:160px; border:0px solid #ddd; text-align:center; margin-top:20px; margin-right:20px;}
.footer_top .fb_2wm p {text-align:center; color:#fff;font-size:14px; padding:10px 0px;}

.footer_menu {border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;padding: 54px 70px 50px;}
.footer_menu .row {width: 100%;margin: 0 auto;}
.footer_menu ul {display: flex;justify-content: space-around;padding: 0;margin: 0;}
.footer_menu li {    display: inline-block;
	vertical-align: middle;}
.footer_menu a {display: block;font-size: 15px;line-height: 19px;color: #333;transition: all linear 300ms;padding-bottom: 8px;position: relative;}
.footer_menu a:before {content: "";background: #333;width: 0;height: 2px;position: absolute;left: 0;bottom: 0;transition: all linear 300ms}
.footer_menu span {display: block}
.footer_copyright {text-align: center;padding: 20px 0 20px; border-top:1px solid #444; width:96%; margin:0px auto;}
.footer_copyright p {color: #eee;font-size:14px;line-height: 24px;font-weight: 500;}


#x_down1{
float:left;
border-left:1px solid #444;
margin:0px 20px 0px 0px;
padding:0px 0px 0px 30px;
width:120px;
}
#x_down1_title1{
font-size:16px;
color:#005bae;
line-height:16px;
padding:0px 0px 18px 0px;
}
#x_down1_title1 a{
color:#818181;
}
#x_down1_title1 a:hover{
color:#3096e4;
}
#x_down1_title{
font-size:22px;
color:#005bae;
line-height:16px;
padding:0px 0px 8px 0px;
height:26px;
}
#x_down1_title h3{
color:#fff;
font-size:22px;
padding:0px 0px 8px 0px;
}
#x_down1_title a{
color:#fff;
}
#x_down1_title a:hover{
color:#3096e4;
}
#x_down1_title hr{
width:34px;margin:10px 0px 0px 0px; color:#0155a0;height:2px;border:none;border-top:2px  solid #0155a0; padding:0px 0px 0px 0px;
}

#x_down1_list{
padding:0px;
width:100%;
margin-top:0px;
min-height:126px;
}
#x_down1_list ul{
padding:0px;
}
#x_down1_list li{
padding:0px;
color:#818180;
font-size:14px;
line-height:26px;
background-repeat:no-repeat;
background-position:left;
text-indent:0px;

}
#x_down1_list li a{
padding:0px;
color:#818181;
line-height:24px;
}
#x_down1_list li a:hover{
padding:0px;
color:#3096e4;
line-height:24px;
}

.res.content,.content.museum {position: relative;padding-top: 50px;padding-bottom: 0;}
.res.content .wrap {
	margin-top: 0;
	padding-top: 30px;}
.news-details-title p i {font-style:normal;}
@media screen and (max-width: 1600px) {
	div.footer_top,div.footer_menu {padding-left: 10px;padding-right: 10px;}
	div.footer_menu ul {justify-content: space-around;}
	div.footer_top .follow_us_inner li a {width: 40px;height: 40px;}
	.header .left_nav .main_nav li a{font-size: 16px;}
	.header .left_nav .main_nav li{padding-left: 10px;}
	.header .left_nav .main_nav{padding-left: 35px;}
}
@media screen and (max-width: 1200px) {
	body {min-width: unset;}
	.header {padding: 10px 14px;height: 80px;}
	.header .left_nav .logo_box {width: 60px;padding-right: 14px;border-right:0;}
	.header .left_nav .main_nav {display: none;}
	.header .right_nav {display: none;}
	.header .left_nav .menu_box {margin-left: 0;position: absolute;padding-right: 0;margin-right: 15px;right: 0;}
	.header .left_nav .menu_box span {margin: 0;margin-bottom: 4px;display: inline-block;vertical-align: top;float: right}
	div.section6 .about-honor-swiper ul li {width: calc((100% - 20px) / 5);}
}
@media screen and (max-width: 600px){
	.headerBox-ul {overflow:hidden;}
	.footer_top .fb_lang {text-align:center;position:unset;right:unset;top:unset;transform:translateY(0);padding:15px 0;}
	.footer_top .fb_lang .ewm_wrap {margin:0 auto;}
	
	
	.section.section1 {height: 365px;}
	.section.section1 .swiper-slide-active .textbox {left:55%;}
	.section.section1 .swiper-slide .textbox h3{font-size: 22px;visibility:hidden;}
	.section.section1 .swiper-slide .textbox h6 {visibility:hidden;}
	.section.section1 .textbox a.btn {max-width: 120px;height: 36px;line-height: 36px;}
	.section.section1 .textbox {padding-top: 30%;}
	.section.section1 .explorar-text {padding: 0 20px;}
	.section.section2 {margin-bottom: 15px;}
	.section.section2 .leftbox {width: 100%;min-height: unset;padding: 0;background-color:rgba(2, 137, 67, 0.21);}
	.section.section2 .leftbox ul {width: 100%;box-sizing: border-box;padding: 0 20px;display: block;padding-top: 100px;overflow: hidden;position: relative;}
	.section.section2 .leftbox ul li {float: left;width: 50%;border-bottom: 0;height: 100px;}
	/*.section.section2 .leftbox ul li:nth-child(2) {width: 100%;position: absolute;left: 50%;top: 55%;transform: translateX(-50%);text-align: center;}*/
	/*.section.section2 .leftbox ul li:nth-child(3n) {text-align: right;}*/
	/*.section.section2 .leftbox ul li:nth-child(n+4) {width: 50%;}*/
	/*.section.section2 .leftbox ul li:last-child {text-align: right}*/
	.section.section2 .leftbox ul h3.num {font-size: 28px}
	.section.section2 .leftbox ul p {font-size: 16px;}
	.section.section2 .leftbox ul p img {display: none;}
	.section.section3 {padding: 15px 0}
	.section.section3 .top {padding-bottom: 15px;margin: 0 15px;}
	.section.section3 .top h6 {}
	.section.section3 .top h6 a {font-size:14px;}
	.section.section3 .top h2 {padding-left:0;text-align:center;}
	.section.section3 .product .swiper-wrapper {flex-direction: column}
	.section.section3 .product .swiper-slide {width: 100%;transform: unset;margin-top: 10px;height: unset;min-height: unset;padding: 0 15px;}
	.section.section3 .product .swiper-slide:nth-child(2n) {transform: unset}
	.section.section3 .product .swiper-slide:first-child {margin-top: 0;}
	.section.section3 .product_item_bg {padding: 10px 5px;}
	.section.section3 .product_item_bg .product_img {height: 200px;min-height: 200px;margin-bottom: 10px;}
	.section.section3 .product_item_bg h5 {padding-bottom: 0; color:#333; font-size:14px;}
	.section.section3 .product_item_bg h3 {margin-bottom: 0;}
	.section.section4 {padding-top: 0px;padding-bottom: 0px;}
	.section.section4 .section_innerbox h6 {line-height: 20px;margin-bottom: 5px;}
	.section.section4 .section_innerbox h2 {font-size: 26px;}
	.section.section4 .section_innerbox p:first-child span {display: none;}

	.section.section5 {padding-top: 15px;padding-bottom: 15px; }
	.section.section5 .swiper-slide {width: 100%;border:0px solid #f60; !important;}
	.section.section5 .swiper-slide .itembox {overflow: hidden; width:50%; float:left;}
	.section.section5 .item {position: relative;padding: 0;margin-bottom: 10px;padding-bottom:10px;padding-right: 0;float: unset;overflow: hidden;display: block;}
	.section.section5 .item:hover {background:unset;color: #111111}
	.section.section5 .item:hover .right .h0 {color: #000000}
	.section.section5 .item:hover .right .p {color: #666666;}
	.section.section5 .item:hover .left {color: #111111}
	.section.section5 .item .left {position: absolute;right: 0;width: unset;padding-right: 20px;bottom: 0px;}
	.section.section5 .item .left .num {font-size: 16px;font-weight: 400;right: 0;position: absolute;}
	.section.section5 .item .left .num:after {content: none}
	.section.section5 .item .left .num:before {content: '.';position: absolute;left: -6px;width: 10px;height: 100%;}
	.section.section5 .item .right {width: 100%;}
	.section.section5 .item .right .h0 p {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;font-size:18px;}

	div.section6 .about-honor-swiper ul {padding:  0 10px;}
	div.section6 .about-honor-swiper ul li {width: calc(100% / 2);padding: 0 10px;}


	div.footer_top {padding-bottom: 10px;}
	div.footer_top .row {flex-direction: column-reverse;align-items:unset;padding-top: 20px;}
	.footer_top .talk_to_us {position: unset;transform: translate3d(0,0,0);padding-left:0;}
	.footer_top .follow_us {width: 100%;}
	div.footer_top .follow_us_inner {text-align: center;width: 100%;min-width: unset;}
	.footer_top .follow_us_inner span {display: none;}
	.footer_top .talk_to_us_inner .ft_logo {margin-bottom: 12px;}
	.footer_top .talk_to_us_inner h3 {margin-bottom: 12px;}
	.footer_menu {display: none;}
	div.footer_copyright {padding: 5px 0;border-top: 1px solid #cccccc}
	.footer_top .talk_to_us_inner .footer_sf {width:100%;}

	/*内页公用*/
	div.container {
		padding-bottom: 0px;}
	div.container .banner {height: unset;}
	.container .banner .wrap {
		overflow: hidden;}
	div.container .banner .wrap img {width:130%;height: unset;margin-left: -15%;}
	div.container.product .banner .wrap img {width:100%;margin-left:0;}
	div.banner .wrap .pagetitle {width: 90%;background-color: rgba(255,255,255,0.8);height: 45%;}
	.container .banner .pagetitle h3.en {margin-top: 15px;font-size: 24px;letter-spacing:0;}
	.container .banner .pagetitle h3 {font-size: 24px}

	
	/*内页私有开始*/

	/*关于我们*/
	.section.section1 .clouds-animate {min-width: unset}
	.section.section1 .section_innerbox .banner_box {overflow: hidden;height: unset;}
	.section.section1 .section_innerbox .banner_box img {height: unset;width: 130%;margin-left: -15%;}
	.section.section1 .section_innerbox .pagetitle {height: 45%;width: 90%;}
	.section.section1 .section_innerbox .pagetitle  h3.en {margin-top: 15px;font-size: 28px;}
	.section.section1 .section_innerbox .pagetitle  h3 {font-size: 24px}
	.about.content {}
	.about.content .section.section2,.about.content .section.section3,.about.content .section.section7 {
		margin-left: 15px;
		margin-right: 15px;}
	.about.content .section .titlebox {padding: 10px 0 15px;}
	.about.content .section .ht_tit_en {font-size: 26px;text-align: center;}
	.about.content .section .ht_tit {font-size: 20px;text-align: center}
	.about.content .section2 .content {flex-direction: column;}

	.about.content .section2 .content .content_l {}
	.about.content .section2 .content .content_l img {top: 0;transform: translateY(0)}
	.about.content .section2 .content .content_r div {top: 0;transform: translateY(0)}
	.about.content .section2 .content .content_r .in_tit {font-size: 24px;}
	.about.content .section2 .content .content_r .in_tit_en {font-size: 16px;}
	.about.content .section2 .content .content_r p {font-size: 14px;letter-spacing: unset;color: #666666;text-indent: 1.5em;margin-bottom: 5px;line-height: 1.5;}
	.about.content .section3 .content {width: 100%;float: none;height: unset;}
	.about.content .section3 .content p {line-height: 1.5;margin-bottom: 5px;}
	.about.content .section3 .imgbox {width: 100%;vertical-align: top}
	.about.content .section3 .imgbox img {width: 100%;display: block;height: unset;}

	.about.content .section7 {}
	.about.content .section7 .history_content {padding-bottom: 0;}
	.about.content .section7 .history_content .left {display: none;width: 100%;}
	.about.content .section7 .history_content .right {width: 100%;height: unset;padding-top: 0;}
	.about.content .section7 .history_content .right .t_wrap {top: 0;transform: translateY(0)}

	.about.content .section.section4 {padding-top: 0;}
	.about.content .section4 .history_item_wrap {max-width: unset}
	.about.content .section4 .about-history-swiper {padding: 0 15px;}
	.about.content .section4 .about-history-swiper .history_btn .prev {left: 0;}
	.about.content .section4 .about-history-swiper .history_btn .next {right: 0;}
	.about.content .section5 .section_innerbox {padding: 0}
	.about.content .section5 .about-honor-title {padding-bottom: 15px;}
	.about.content .section5 .arrow {top: 0;}
	.about.content .section5 .ht_tit_en {text-align: left}
	.about.content .section5 .about-honor-title h3 {
		padding-left: 15px;text-align: left}


	/*党建组织*/
	.party_innerbox .row_box {}

	.container .party_innerbox .row_box_item {width: calc((100% - 10px)/2)}
	.container .party_innerbox .row_box_item:nth-child(2n) {margin-right: 0;}
	.container .party_innerbox .row_box_item:nth-child(n + 3) {margin-top: 10px;}
	.container .party_r_box {margin-left: 0;width: 66%;padding: 3% 0 3% 10px;}
	.container .party_r_box h3 {padding-left: 10px;margin-bottom: 20px;}
	.container .party_r_box ul {overflow: hidden;padding-left: 25px;}
	.container .party_box_item:nth-child(2) {padding-bottom: 0;}
	.container .party_r_box li {float: unset;width: 100%;}
	.party_innerbox>p {width: 90%;margin: 0 auto;}
	.container .partybuild_list ul li {float: unset;width: 100%;margin-top: 8px;}
	.container .partybuild_list ul li:nth-child(even) {margin-left: 0;}
	.container .party_box_item:last-child img{width: 100%;}

	/*新闻中心*/
	.nc.content .wrap {padding: 20px 0;}
	.nc.content .wrap-item {width: 100%;float: unset}
	.nc.content .wrap-item a {border-radius: 10px;overflow: hidden;margin-bottom: 15px;padding-top: 15px;}
	.nc.content .wrap-item .news-item__date {margin-bottom: 5px;}
	.nc.content .wrap-item .news-item__date p {font-size: 20px;}
	.nc.content .wrap-item .news-item__date span {bottom: unset;top: 0;}
	.nc.content .wrap-item .news-item__title {margin-bottom: 15px;line-height: 20px;height: unset;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

	/*在线商城*/
	.mall.content {margin-bottom: 20px;}
	.mall.content .wrap-item {text-align: center;width: 50%!important;}
	.mall.content .wrap-item:nth-child(n + 3) {margin-top: 10px;}
	.mall.content .wrap-item a {margin: 0 auto}
	.mall.content .wrap-item .img {text-align: center;height: unset;width: 100%;padding:20px;}
	.mall.content .wrap-item .img img {position: unset;top: 0;margin-top: 50%;}
	.mall.content .wrap-item .img img.other {margin-top: 0;transform: translateY(0);position: relative;z-index: -2;}

	/*联系我们*/
	.contact.content .wrap {flex-direction: column-reverse;width: 100%;padding: 15px 0;}
	.contact.content .wrap .rt .mapbox {}
	.contact.content .wrap .rt img {width: 100%;}
	.contact.content .wrap .rt img.hz {width: unset}
	.contact.content .wrap .lt {width: 90%;margin: 0 auto;margin-top: 20px;}
	.contact.content .wrap .lt .tl {font-size: 36px;}
	.contact.content .wrap .lt .te{font-size: 28px;line-height: 42px;margin-bottom: 12px;}
	.contact.content .wrap .morejiejue {padding-right:20px;}
	.contact.content .inbleft {width:100%;float:unset;}
	.contact.content .inbright {width:100%;margin-top:15px;float:unset;}
	.contact.content .morejiejue .yzmbox .yzm {width:50%;float:left}
	.contact.content .morejiejue .yzmbox img {width:45%;float:right;}
	.contact.content .wrap .lt>div {width:100%;text-align:center;}
	.contact.content .wrap .lt .tl:before {width:100%;}
	.contact.content .wrap .lt .fxbox {display:block;text-align:center;}
	.contact.content .wrap .lt .fxbox .ewmbox{top:unset;}
	.contact.content .wrap .lt .fxbox .iconbox:last-child {display:none;}
	.contact .chanpin {flex-direction:column;height:unset;min-height:245px;}
	.contact .chanpin textarea {width:100%;}
	.contact .yzmbox {margin: 10px 0;display:block;overflow:hidden;padding:0;}
	.contact .submit {margin-top: 10px;}
	.contact .div3 {display: none;}
	/*食品安全*/
	.fs.content {padding-bottom: 25px;}
	.container .container_con .zh_wed {padding: 0 15px;box-sizing: border-box}
	.container .container_con .zh_wedfl {width: 100%;float: none;}
	.container .container_con .zh_wedfla {font-size: 18px;margin-bottom: 20px;}
	.container .container_con .zh_wedflb {text-align: left}
	.container .container_con .zh_wedflc {position: absolute;top: 100%;left: 0;transform: translateY(-25%)}
	.container .container_con .zh_wedfr {width: 100%;float: none;margin-top: 22px;text-align: left}
	.container .container_con .zh_wedfr p {font-size: 12px;margin-bottom: 14px;}
	.container .container_con .chain_con {margin-top: 70px;margin-bottom: 36px;padding: 0 15px;box-sizing: border-box;}
	.container .chain_item {margin-top: 20px;}
	.container .chain_item_innerbox {width: 100%;position: static;}
	.container .chain_item_innerbox:nth-child(2) {margin-top: 18px;width: 95%;}
	.container .chain_itembanc {height: auto}
	.container .zhimg {float: none;}
	.container .chain_item_innerbox_tit {width: 100%;line-height: 1.75;font-size: 30px;float: left;text-align:center;}
	.container .chain_item_innerbox_num {letter-spacing: 5px;margin-left: 30px;margin-top: 2px;font-size: 46px;float: left;color: #ceba4a;display: none;}
	.container .chain_item:nth-child(2n + 1) .chain_i_i_content {left: 0;width: 95%;height: auto;position: relative;top: 0;right: 0;background-color: #fff;padding: 0 0 15px;float: none;}
	.container .chain_item:nth-child(2n) .chain_i_i_content {float: right;width: 95%;height: auto;position: relative;top: 0;right: 0;padding: 0 0 15px;}
	.container .chain_i_i_content_li {height: 100%;background-color: unset;text-align:justify;}
	.container .chain_content_tit {font-size: 18px;line-height: 28px;text-align:center;}
	.container .chain_content_p {margin-top: 10px;line-height: 20px;font-size: 12px;}
	.container .chain_i_i_band {width: 60%;float: left;display: none;}
	.container .chain_i_i_bandfr {display: none;}
	.container .chain_i_i_bane img {width: 100%;}
	.container .chain_item:nth-child(2n) .chain_item_innerbox.fr .zhimg {float: right;width: 95%;}
	.container .chain_item:nth-child(2n) .chain_item_innerbox:nth-child(2) {float: right;}

	/*生产研发*/
	.produce.content {
		margin-bottom: 25px;}
	.produce.content .wrap-item {margin-top: 30px;margin-bottom: 0;}
	.produce.content .wrap-item .titlebox h4 {font-size: 22px;}
	.produce.content .wrap-item .titlebox h4.en {font-size: 28px;line-height: 1.2;}
	.produce.content .contentbox {margin-top: 8px;padding: 0 15px;display: flex;flex-direction: column-reverse;}
	.produce.content .contentbox_inner {width: 100%;float: none;}
	.produce.content .contentbox_inner:nth-child(even) {width: 100%;}
	.produce.content .contentbox_inner h4 {padding: 15px 0 10px;font-size: 18px;text-align: center;}
	.produce.content .contentbox_inner h4:before {bottom: 0;border-radius: 10px;height: 3px;width: 20%;opacity: 0.6;left: 50%;transform: translateX(-50%)}
	.produce.content .contentbox_inner .title_text {width: 100%;padding-top: 25px;}
	.produce.content .contentbox_inner .title_text p {width: 100%;text-indent: 2em;}

	/*海通文化*/
	.museum.content .wrap {width: 100%;}
	.museum.content .wrap .culture_tit {width: 100%;}
	.content .wrap .culture_tit p {padding-bottom:5px;}
	.museum.content .wrap .culture_wrap .wrap_item {width: 100%;text-align:center;border-top:0;border-bottom:1px solid #e5e5e5;}
	.museum.content .wrap .culture_wrap .wrap_item:last-child {border-bottom:0;}
	.content .wrap .culture_wrap .wrap_item h3 {display:inline-block;}


	/*博物馆*/
	.museum.content {margin-bottom: 20px;position: relative;padding: 0 15px;}
	.museum.content .wrap {padding-top: 50px;}
	.museum.content .wrap-item {margin-top: 0;margin-bottom: 25px;display: flex;flex-direction: column-reverse;padding-bottom: 0;position: relative;}
	.museum.content .wrap-item-inner .wrap {width: 100%;position: unset;}
	.museum.content .wrap-item-inner:nth-child(even) .wrap {position: relative;}
	.museum.content .wrap-item-inner:nth-child(even) .wrap:before {height: 90%;}
	.museum.content .wrap-item-inner {float: none;width: 100%;}
	.museum.content .wrap-item-inner h4 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);padding-top: 0;}
	.museum.content .wrap-item-inner h4:before {bottom: -10px;left: 50%;transform: translateX(-50%)}
	.museum.content .wrap-item-inner .title_text {padding-top: 20px;}
	.museum.content .wrap-item-inner .title_text p {text-indent: 2em;}

	/*社会责任*/
	.res.content {position: relative;padding-top: 50px;padding-bottom: 0;}
	.res.content .wrap {margin-top: 0;padding-top: 20px;}
	.res.content .responsibility-list .red-80 {transform: scaleY(1);-webkit-transform: scaleY(1);transform-origin: left 0;-webkit-transform-origin: left 0;opacity: 1;}
	.res.content .responsibility-list-item {width: 100%;float: none;margin-left: 0;}
	.res.content .responsibility-list .ico {width: 50px;height: 50px;margin-bottom: 6px;}
	.res.content .responsibility-list .zh {font-size: 18px;}
	.res.content .responsibility-list .responsibility-list-item p {color: #ffffff;}
	.res.content .responsibility-list .bot {margin: 5px 0;width: 100%;}
	.res.content .responsibility-list .con,.res.content .responsibility-list .by {    opacity: 1;visibility: visible\9;transform: inherit;-webkit-transform: inherit;color: #ffffff}

	.res.content .commonweal-first {}
	.res.content .commonweal-first .img {display: none}
	.res.content .commonweal-first .con {width: 100%;margin-left: 0;box-sizing: border-box;padding: 5% 15px 0;}
	.res.content .commonweal-first .con p.t {padding-bottom: 5px;margin-bottom: 8px;}
	.res.content .commonweal-first .con p.c {text-indent: 2em;margin-bottom: 0;}
	.res.content .commonweal-first .con .btnMore {float: right;}
	.res.content .commonweal-page {border-radius: 5px;overflow: hidden;width: 90%;margin: 15px auto;}
	.res.content .commonweal-page .swiper-slide p.txt {line-height: 45px;}

	/*人才招聘*/
	.industry.content {}
	.industry.content .wrap {background-color: transparent;top: -137px;}
	.industry.content .pagetitle {width: 90%;border-radius: 20px 20px 0 0;padding: 25px 0;}
	.industry.content .pagetitle h3 {font-size: 22px;}
	.industry.content .pagetitle h3.en {margin-top: 15px;font-size: 26px;}
	.industry.content .search-box {padding: 10px 15px 0;margin-top: 20px;}
	.industry.content .search-box .search-input {width: calc(100% - 100px);float: left;line-height: 35px;}
	.industry.content .search-box .search-btn {width: 100px;float: right;line-height: 35px;}
	.industry.content .search_category {margin: 0 0;padding: 0 15px;border-radius: 0 0 5px 5px;background: #ffffff;}
	.industry.content .cond_common ul {width: 100%;}
	.industry.content .cond_common ul li {min-width: 70px;}
	.industry.content .cond_common {margin-top: 0;}
	.industry.content .table_box {padding: 0;margin: 0 0;width: unset;}
	.industry .table_box table {table-layout: fixed;}
	.industry.content .table_box table td {padding: 10px 2px;line-height: 20px;}
	.industry.content .table_box table tr:first-child td {width: calc(100% / 9);}
	.industry.content .table_box table tr td:nth-child(1),.industry.content .table_box table tr td:nth-child(2) {width: calc(100% / 9*2);}

	/*新闻中心*/
	.news-info.content .wrap {margin-bottom: 0;margin-left: 15px;margin-right: 15px;width: unset}
	.news-info.content .news-details-con > p {line-height: 1.3;position: relative;color: #333333;text-indent: 1.5em;}
	.news-info.content .news-details-con img {margin-top: 0;left: -1.5em;width: 100%;}

	/*产品中心*/
	div.pro-navbar .title {margin:20px 0;font-size:30px;}
	div.pro-navbar ul {padding: 10px 0;padding-left:10px;}
	div.pro-navbar li {
		margin-top: 10px;
		/*margin-right: 12px;*/
		}
	div.pro-navbar li:first-child{border-color:#cccccc;}
	div.pro-navbar li:nth-child(3n + 1) {border-color:transparent;}
	div.pro-navbar li {width: calc((100% - 90px) /3);}
	div.pro-content .choosebox {padding:15px 0;}
	div.pro-content .choosebox li {margin-bottom:5px;font-size:14px;}
	div.pro-content .pro-list .item:nth-child(3n) {margin-right:15px;}
	div.pro-content .pro-list .item:nth-child(n+4) {margin-top:unset;}
	div.pro-content .pro-list .item {margin-right: 15px;width: calc((100% - 20px)/2);border-radius: 5px;overflow: hidden;box-shadow: 0px 1px 1px 2px rgba(180,180,180,.4);margin-bottom: 5px;}

	div.pro-content .pro-list .item:nth-child(2n) {margin-right:0;}
	div.pro-content .pro-list .item:nth-child(n+3) {margin-top:15px;}
	.pro-content {padding:0 5px;}
	div.pro-content .item .txtbox {padding: 5px;text-align:left;padding-left:10px;}
	div.pro-content .item .txtbox .name {font-size: 16px;line-height: 1.2;margin-bottom: 5px;}
	div.pro-content .item .txtbox .js {font-size:14px;line-height:1.2;}

	
	.news-details-title p i {display:block;}
}
@media screen and (max-width: 375px) {
	.footer_top .talk_to_us_inner h3 {font-size: 16px;}
}

.headerBox {display: none;position: fixed;width: 100%;height: 100vh;top: 0;right: 0;background: rgba(0, 0, 0, 0.6);z-index: 9999;}
.headerBox-div {float: right;position: relative;right: -68%;width: 66%;height: 100%;background: #fff;}
.headerBox-div.on {right: 0;position: relative;}
.headerBox .headerBox-lang {background: rgba(2,137,67, 0.18);font-size: 0.6em;position: relative;padding: 0 7% 0 5%;color: #999;display: flex;align-items: center;text-align: center;}
.headerBox .headerBox-lang a {text-transform: uppercase;display: inline-block;color: #e31a3c;font-size: 16px;padding: 8px;vertical-align: middle;flex: 1;}
.headerBox-cls {cursor: pointer;background: #047bd7;position: absolute;left: 0;transform: translateX(-100%);}
.headerBox-cls img {float: right;}
.headerBox-ul {position: relative;overflow-y: auto;height: 100%;}
.headerBox li {position: relative;line-height: 60px;width: 100%;border-bottom: 1px solid #f2f2f2;}
.headerBox a {display: block;padding: 0 8%;font-size: 15px;position: relative;text-transform:uppercase;}
.headerBox li img {float: right;display: block;margin: 24px 0;}
.headerBox-li {position: absolute;top: 0;left: 100%;width: 100%;background: #fff;height: 100%;}
.headerBox-li.on {left: 0;}
.headerBox-li-item .headerBox-li-back {background: rgba(2, 137, 67, 0.68);}
.headerBox-li-item .headerBox-li-back a {color: #fff;}
.headerBox-li-item .headerBox-li-back span {cursor: pointer;font-size: 13px;color: #fff;position: absolute;right: 0;top: 0;height: 100%;padding: 0 6%;background: rgba(2,137,67, 0.8);text-transform:uppercase;}
.cjy-s-header.headerBox .language {position: absolute;width: 100%;bottom: 0;left: 0;display: block;padding: 0;margin: 0;}
.cjy-s-header.headerBox .language>ul {display: flex;flex-direction: row;padding: 0 10px;border-top: 1px solid #ccc;}
.cjy-s-header.headerBox .language>ul>li{font-size:14px;}



.section {
        }

        .section2 {
            background-image: url("{aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/779701452b68adf9b9c3d9ee9626de00.jpg");
            background-repeat: no-repeat;
            background-position: center center;
            margin-bottom: 50px;
            background-size: cover;
            position: relative;
        }

        .section2 .section_innerbox {
            display: flex;
            flex-direction: row;
        }

        .section2 .leftbox {
            padding: 45px 70px 30px;
            background-color: rgba(250, 189, 1, 0.77);
            position: relative;
            min-height: 660px;
            width: 20%;
        }

        .section2 .leftbox .content_box {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
			color:#fff;
		
        }
  

        .section2 .leftbox .btnbox {
            position: absolute;
            bottom: 50px;
            right: 0;
            transform: translateX(50%);
            overflow: hidden;
            display: none;
        }

        .section2 .leftbox .btnbox .btn {
            padding: 13px 25px;
            color: #189554;
            font-size: 12px;
            letter-spacing: 2px;
            background-color: #ffffff;
            float: left;
            cursor: pointer;
        }

        .section2 .leftbox .btnbox .btn.act {
            background-color: #047bd7;
            color: #ffffff;
        }

        .section2 .leftbox .content_box {
            text-align: center;
        }

        .section2 .leftbox ul {
            display: flex;
            flex-direction: column;
            width: 300px;
            margin: 0 auto;
        }

        .section2 .leftbox ul li {
            border-bottom: 1px solid rgba(255, 255, 255, 0.39);
            margin-bottom: 25px;
            text-align: left;
        }

        .section2 .leftbox ul li:last-child {
            margin-bottom: 10px;
        }

        .section2 .leftbox ul h3.num {
            color: #f9f6f6;
            font-size: 36px;
            font-weight: normal;
            line-height: 1;
            font-family: 'BEBAS';
        }

        .section2 .leftbox ul .num .unit {
            font-size: 14px;
            padding-left: 8px;
        }

        .section2 .leftbox ul .line {
            height: 4px;
            border-radius: 2px;
            width: 42px;
            display: inline-block;
            background-color: #ffffff;
            margin: 12px 0;
        }

        .section2 .leftbox ul p {
            font-size: 18px;
            color: #ffffff;
            letter-spacing: 2px;
            line-height: 1;
            padding-bottom: 10px;
        }

        .section2 .leftbox ul p img {
            padding-right: 8px;
        }

        .section2 .rightbox {
        }
        .section2 .s2_bg {
        	display:none;
        	width: 100%;
        }

        .section3 {
            padding: 0px 0;
            width: 100%;
            max-width: 1300px;overflow:hidden;
            margin: 0 auto;
        }

        .section3 .section_innerbox {
        }

        .section3 .top,.section5 .top {
            padding-bottom: 106px;
        }

        .section3 .top h6,.section5 .top h6 {
            color: #0a0a0a;
            margin: 0 0 13px;
            font-size: 14px;
            line-height: 24px;
            letter-spacing: 1px;
            padding-left: 64px;
            font-weight: 400;
            position: relative;
        }
        
        .section3 .top h6 a,.section5 .top h6 a {position:absolute;right:0;font-size: 16px;color: #222222;transition: .5s ease-in-out;}
        .section3 .top h6 a:hover,.section5 .top h6 a:hover {color: #0060a3;transition: .5s ease-in-out;}

        .section3 .top h6:before,.section5 .top h6:before {
            content: '';
            width: 48px;
            height: 1px;
            background-color: #333333;
            position: absolute;
            left: 0;
            top: 50%;
        }

        .section3 .top h2,.section5 .top h2 {
            color: #047bd7;
            padding-left: 64px;
            font-size: 35px;
            line-height: 42px;
        }

        .section3 .product {
            transform: translate3d(0, 0, 0);
            opacity: 1;
            transition: all ease 1.5s;
        }

        .section3 .product .swiper-container {
            overflow: unset;
        }

        .section3 .product .swiper-wrapper {
        }

        .section3 .product .swiper-slide {
            box-sizing: border-box;
            height:300px;
            float: left;
            width: 25%;
            text-align: center;
            padding: 0 23px;
            padding-top: 78px;
            min-height:298px;
            cursor: pointer;
            transition: transform 1.7s cubic-bezier(.19, 1, .22, 1);
            transform: translateY(-127.406px);
        }

        .section3 .product .swiper-slide:nth-child(2n) {
            padding-top: 0;
            transform: translateY(-80.4667px)
        }

        .section3 .product_item_bg {
            box-sizing: border-box;
            float: left;
            width: 100%;
            border: 1px solid rgba(139, 118, 61, .2);
            padding: 40px 5px 17px;
            height: 100%;
            transition: all 300ms ease-in-out;
            overflow: hidden;
            position: relative;
        }

        .section3 .product_item_bg > a {
            display: block;
        }

        .section3 .product_item_bg .hover_img {
            position: absolute;
            left: 0;
            right: 0;
            z-index: -1;
            transition: all 300ms ease-in-out;
            top: 0;
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            opacity: 0;
            visibility: hidden;
            width: 100%;
            height: 100%;
            background-position: top center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .section3 .swiper-slide:hover .product_item_bg .hover_img {
            opacity: 1;
            visibility: visible;
            transform: scale(1);
            -webkit-transform: scale(1);
        }

        .section3 .product_item_bg .product_item_ic {
            margin-bottom: 12px;
            transition: all ease 300ms;
        }

        .section3 .product_item_bg .product_item_ic img {
            transition: all ease 300ms;
        }

        .section3 .product_item_bg .product_item_ic .hover_none {
        }

        .section3 .product_item_bg .product_item_ic .hover_block {
            display: none;
        }

        .section3 .swiper-slide:hover .product_item_bg .product_item_ic .hover_none {
            display: none;
        }

        .section3 .swiper-slide:hover .product_item_bg .product_item_ic .hover_block {
            display: block;
            margin: 0 auto;
        }

        .section3 .product_item_bg .product_img {
            margin-bottom: 40px;
            transition: all ease 300ms;
            overflow: hidden;
            min-height: 163px;
            line-height: 163px;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .section3 .swiper-slide:hover .product_item_bg .product_img {
            visibility: hidden;
            margin-bottom: 9px;
            opacity: 0;
        }

        .section3 .product_item_bg h5 {
            padding-bottom: 13px;
            font-weight: 400;
            text-transform: uppercase;
            font-style: normal;
            display: block;
            color: #0a0a0a;
            font-size: 18px;
            line-height: 23px;
        }

        .section3 .product_item_bg h3 {
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
            color: #047bd7;
            max-width: 205px;
            width: 100%;
            margin: 0 auto 14px;
            transition: all ease 400ms;
        }

        .section3 .product_item_bg .normal_div {
            font-style: italic;
            display: block;
            text-align: center;
            color: #fff;
            font-size: 15px;
            line-height: 20px;
            border-top: 1px solid #fff;
            padding: 16px 5px;
            transition: all ease 400ms;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            opacity: 0;
            visibility: hidden;
        }

        .section3 .swiper-slide:hover .product_item_bg h5 {
            display: block;
            color: #fff;
        }

        .section3 .swiper-slide:hover .product_item_bg h3 {
            color: #ffffff;
            font-weight: bold
        }

        .section3 .swiper-slide:hover .product_item_bg .normal_div {
            opacity: 1;
            visibility: visible;
        }

        .section4 {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            padding-top: 150px;
            padding-bottom: 160px;
        }

        .section4 .section_innerbox {
            width: 100%;
            max-width: 660px;
            margin: 0 auto;
            text-align: center
        }

        .section4 .section_innerbox h6 {
            padding: 0;
            margin-bottom: 22px;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            color: #fff;
            letter-spacing: 1px;
        }

        .section4 .section_innerbox h2 {
            margin-bottom: 44px;
            font-size: 35px;
            line-height: 42px;
            color: #fff;
            letter-spacing: 0;
        }

        .section4 .section_innerbox p {
            text-align: center;
        }

        .section4 .section_innerbox p span {
            display: block;
            color: #fff;
            font-size: 15px;
            line-height: 19px;
            font-weight: 500;
            font-style: italic;
            margin-bottom: 14px;
        }

        .section4 .section_innerbox p span.videobtn {
            width: 60px;
            height: 60px;
            cursor: pointer;
            border-radius: 50%;
            background-repeat: no-repeat;
            background-position: center center;
            margin: 0 auto;
            -webkit-transition: all ease 400ms;
            -moz-transition: all ease 400ms;
            -ms-transition: all ease 400ms;
            -o-transition: all ease 400ms;
            transition: all ease 400ms;
        }
		@media screen and (max-width: 600px){
			.section2 {background-image:none;}
			.section2 .s2_bg {display:block;margin-bottom:15px;border-radius: 0 20px 0 20px;padding:0 5px;width:calc(100% - 10px);margin-top:5px;}
			.section2 .section_innerbox {display:block;}
			.section.section2 .leftbox {background-color: #fff;}
			.section2 .leftbox .content_box {top:unset;transform:translateY(0);}
			.section.section2 .leftbox ul {padding: 0 10px;}
			.section.section2 .leftbox ul li {position:relative;padding-top:34px;padding-right:10px;}
			.section2 .leftbox ul .line {display:none;}
			.section.section2 .leftbox ul h3.num {color:#333333;}
			.section.section2 .leftbox ul p {position: absolute;top:0;left:0;right:10px;bottom:0;border-right:1px solid #f3f3f3;}
			.section.section2 .leftbox ul li:nth-child(2n+3) p {border-right:0;}
			.section.section2 .leftbox ul p img {display:block;}
			.section.section2 .leftbox ul p span {color:#333333;position:absolute;top:70px;font-size:14px;}
		}
		
	 .headerBox {display: none;position: fixed;width: 100%;height: 100vh;top: 0;right: 0;background: rgba(0, 0, 0, 0.6);z-index: 9999;}
        .headerBox-div {float: right;position: relative;right: -68%;width: 66%;height: 100%;background: #fff;}
        .headerBox-div.on {right: 0;position: relative;}
        .headerBox .headerBox-lang {background: rgba(2,137,67, 0.18);font-size: 0.6em;position: relative;padding: 0 7% 0 5%;color: #999;display: flex;align-items: center;text-align: center;}
        .headerBox .headerBox-lang a {text-transform: uppercase;display: inline-block;color: #e31a3c;font-size: 16px;padding: 8px;vertical-align: middle;flex: 1;}
        .headerBox-cls {cursor: pointer;background: #047bd7;position: absolute;left: 0;transform: translateX(-100%);}
        .headerBox-cls img {float: right;}
        .headerBox-ul {position: relative;overflow-y: auto;height: 100%;}
        .headerBox li {position: relative;line-height: 60px;width: 100%;border-bottom: 1px solid #f2f2f2;}
        .headerBox a {display: block;padding: 0 8%;font-size: 15px;position: relative}
        .headerBox li img {float: right;display: block;margin: 24px 0;}
        .headerBox-li {position: absolute;top: 0;left: 100%;width: 100%;background: #fff;height: 100%;}
        .headerBox-li.on {left: 0;}
        .headerBox-li-item .headerBox-li-back {background: rgba(2, 137, 67, 0.68);}
        .headerBox-li-item .headerBox-li-back a {color: #fff;}
        .headerBox-li-item .headerBox-li-back span {cursor: pointer;font-size: 13px;color: #fff;position: absolute;right: 0;top: 0;height: 100%;padding: 0 6%;background: rgba(2,137,67, 0.8);}
        .cjy-s-header.headerBox .language {position: absolute;width: 100%;bottom: 0;left: 0;display: block;padding: 0;margin: 0;}
        .cjy-s-header.headerBox .language>ul {display: flex;flex-direction: row;padding: 0 8%;border-top: 1px solid #ccc;}
        .cjy-s-header.headerBox .language>ul>li{}
		 .section1 {
            height: 100vh;
            width: 100%;
        }

        .section1 .section_innerbox {
            width: 100%;
            height: 100%;
            position: relative;
        }

        .section1 .swiper-container {
            height: 100%;
        }

        .section1 .swiper-wrapper {
            z-index: 1;
            display: flex;
            -webkit-transition-property: -webkit-transform;
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            -ms-transition-property: -ms-transform;
            transition-property: transform;
            -moz-transform: translate3d(0, 0, 0);
            -o-transform: translate(0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

        .section1 .swiper-slide {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .section1 .swiper-slide video {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            background-color: #000;
        }

        .section1 .swiper-slide .img {
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }

        .section1 .textbox {
            
            box-sizing: border-box;
            
            
            position: absolute;
            top: 55%;
    		left: 10%;
            transform: translateY(-50%);
            
            margin: 0 auto;
            
            -webkit-transition: all ease 1500ms;
            -moz-transition: all ease 400ms;
            -ms-transition: all ease 600ms;
            -o-transition: all ease 1500ms;
            transition: all ease 1500ms;
            opacity: 0;
        }

        .section1 .swiper-slide-active .textbox {
            left: 15%;
            opacity: 1;
        }

        .section1 .textbox h6 {
            color: #047bd7;
            font-size: 15px;
            line-height: 24px;
            letter-spacing: 2px;
            position: relative;
            margin: 0 0 16px;
            padding-left: 64px;
            font-weight: 400;
        }

        .section1 .textbox h6:before {
            content: '';
            width: 48px;
            height: 1px;
            background-color: #047bd7;
            position: absolute;
            left: 0;
            top: 50%;
        }

        .section1 .textbox h3 {
            margin: 0 0 22px;
            font-size: 32px;
            line-height: 48px;
            color: #047bd7;
            font-weight: 400;
        }

        .section1 .textbox a.btn {
            max-width: 220px;
            width: 100%;
            box-sizing: border-box;
            position: relative;
            display: inline-block;
            padding: 0 5px;
            font-size: 15px;
            height: 50px;
            text-align: center;
            z-index: 9;
            font-style: italic;
            letter-spacing: 1px;
            line-height: 50px;
            color: #047bd7;
            transition: all .3s linear;
            border-top: 1px solid #047bd7;
            border-bottom: 1px solid #047bd7;
            border-right: 1px solid #047bd7;
        }

        .section1 .textbox a.btn:hover {
            color: #fff;
        }

        .section1 .textbox a.btn:before {
            content: "";
            background: #047bd7;
            height: 0;
            width: 1px;
            position: absolute;
            left: 0;
            top: 0;
            transition: all .2s linear;
        }

        .section1 .textbox a.btn:after {
            content: "";
            background: #047bd7;
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 0;
            z-index: -1;
            transition: all .3s linear;
        }

        .section1 .textbox a.btn:before, .section1 .textbox a.btn:after {
            background-color: #047bd7;
        }

        .section1 .textbox a.btn:hover:before {
            height: 100%;
        }

        .section1 .textbox a.btn:hover:after {
            width: 100%;
            transition-delay: .3s;
        }

        .section1 .swiper-pagination {
            position: absolute;
            left: 0;
            bottom: 5%;
            width: 100%;
            text-align: center;
            z-index: 3;
            font-size: 0;
        }

        .section1 .swiper-pagination .swiper-pagination-bullet {
            border-radius: 2px;
            height: 20px;
            transform: unset;
            background-color: #047bd7;
            opacity: 0.71;
            width: 5px;
            -webkit-transition: all ease 400ms;
            -moz-transition: all ease 400ms;
            -ms-transition: all ease 400ms;
            -o-transition: all ease 400ms;
            transition: all ease 400ms;
        }

        .section1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            height: 12px;
            background: #047bd7
        }

        .section1 .explorar-text {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 99;
            margin: 0 auto;
            right: 0;
            padding: 0 70px;
            pointer-events: none;
        }

        .section1 .explorar-text span {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            font-size: 15px;
            line-height: 18px;
            color: #047bd7;
            padding: 0;
            left: -8px;
        }

        .section1 .explorar-text span b {
            transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            display: block;
            transform-origin: 0 0;
        }

        .section1 .c-line {
            overflow: hidden;
        }

        .section1 .c-line b {
            background: #047bd7;
            height: 48px;
            width: 1px;
            animation: scrolldown 1.5s linear infinite;
            position: relative;
            overflow: hidden;
            display: block;
        }

        @keyframes scrolldown {
            0% {
                top: -78px
            }
            100% {
                top: 41px
            }
        }
        .video_box {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .5);z-index: 1000;display: flex;flex-direction: row;justify-content: center;align-items: center;display: none;}
	    .video_box video {width: 1200px;z-index: 2001;max-width:100%;}
	    .video_box .close_btn {	position: absolute;top: 2rem;right: 2rem;width: 32px;height: 32px;display: block;color: #fff;font-size: 30px;cursor: pointer;background: url({aspcms:sitepath}/Templates/{aspcms:defaulttemplate}/images/close_btn.png) no-repeat;}
		
.productlist {
	MARGIN-TOP:40px;border:0px solid #006666; overflow:hidden;
	width:1200px;
}
.productlist ul {
	border:0px solid #006666; overflow:hidden;
	width:1240px;
}
.productlist ul LI {
	 FLOAT: left; border:1px solid #ddd; MARGIN:0px 26px 20px 0px; OVERFLOW: hidden; WIDTH:280px; PADDING-TOP: 0px; HEIGHT:204px;padding:4px; text-align:center;
}
.productlist ul LI IMG {
	 max-WIDTH:270px;HEIGHT:150px; text-align:center; margin:0px 0px;
}

.productlist ul LI p{
DISPLAY: block; OVERFLOW: hidden; TEXT-ALIGN:CENTER;font-size:14px; padding:6px 0px; font-size:16px; border-top:1px solid #ddd;
}
		
.photolist {
	MARGIN-TOP:40px;border:0px solid #006666; overflow:hidden;
	width:1200px;
}
.photolist ul {
	border:0px solid #006666; overflow:hidden;
	width:1240px;
}
.photolist ul LI {
	 FLOAT: left; border:1px solid #ddd; MARGIN:0px 26px 30px 0px; OVERFLOW: hidden; WIDTH:280px; PADDING-TOP: 0px; HEIGHT:194px;padding:4px; text-align:center;
}
.photolist ul LI IMG {
	 max-WIDTH:280px;HEIGHT:180px; text-align:center; 
}

.photolist ul LI p{
DISPLAY: block; OVERFLOW: hidden; TEXT-ALIGN:CENTER;font-size:14px; padding:6px 0px; font-size:16px;
}

.downlist {
	MARGIN-TOP:40px;border:0px solid #006666; overflow:hidden;
	width:1200px;
}
.downlistt ul {
	border:0px solid #006666; overflow:hidden;
	width:1240px;
}
.downlist ul LI {
	 FLOAT: left; border:1px solid #ddd; MARGIN:0px 26px 10px 0px; OVERFLOW: hidden; WIDTH:570px; PADDING-TOP: 0px; padding:4px; text-align:center;
}
.downlist ul LI IMG {
	 max-WIDTH:280px;HEIGHT:200px; float:left;margin:0px 30px 0px 0px;
}
.downlist ul LI h3{
DISPLAY: block; OVERFLOW: hidden; TEXT-ALIGN:left;font-size:18px; padding:26px 0px 10px 0px; font-size:16px;border-bottom:1px solid #ddd; margin-bottom:16px;
}
.downlist ul LI p{
DISPLAY: block; OVERFLOW: hidden; TEXT-ALIGN:left;font-size:14px; padding:0px 0px; font-size:16px;
}

.single {
	 WIDTH: 100%;border-bottom:0px solid #cccccc;
	 padding:0px 0px;
}
.single H2 {
	FONT-SIZE:32px;padding:0px 0px 20px 0px; MARGIN:0px 0px; COLOR: #3096e4;font-weight:normal;BORDER-BOTTOM: #cccccc 0px dashed; TEXT-ALIGN: center
}
.single H6 {
	FONT-SIZE:14px;padding:0px 0px 20px 0px; MARGIN:0px 0px; COLOR: #666;font-weight:normal;BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: center
}
.postlist {
	MARGIN-top:10px;border:0px solid #330033; overflow:hidden;width:1200px;
}
.postlist ul{
	MARGIN:0px;border:0px solid #330033; overflow:hidden;width:1240px;
}
.postlist ul LI {
	 FLOAT: left; WIDTH:570px; font-size:15px; margin:0px 40px 20px 0px;BORDER: #ddd 1px solid;padding:30px 20px;color:333; overflow:hidden;
}
.postlist ul LI h3{
font-size:22px; overflow:hidden;
padding:6px 0px 10px 0px;
color:#c7c7c7;
margin-bottom:12px;
border-bottom:1px dotted #ddd;
text-indent:0px;}
.postlist ul LI h4{
font-size:12px; overflow:hidden;
padding:0px 0px 0px 0px;
color:#666;
font-weight:normal;
line-height:24px;
text-indent:0px;}
.postlist ul LI h4 span{
float:right;
text-decoration:underline;
text-indent:0px;}

#x_nei_left{
float:left;
width:260px;
border:0px #dedede solid;
margin:0px 0px 0px 0px;
padding:0px 0px 40px 0px;
}
#x_nei_right{
float:right;
width:900px;
border:0px #bcbcbc dotted;
overflow:hidden;
padding:0px 0px 0px 0px;
}
#x_nei_content{
line-height:24px;
padding:20px 0px 0px 0px;
margin:0px auto;
color:#444;
font-size:16px;
text-indent:0px;
}
#x_nei_content h1{
padding:18px 0px;
font-size:26px;
text-align:center;
}
#x_nei_content p{
margin-bottom:16px;
}
#x_aboutlist{
border-top-right-radius:0px;
width:100%;
overflow:hidden;
letter-spacing:0px;
padding:12px 0px;
background-color:#3096e4;
margin-bottom:4px;
text-indent:0px; color:#fff;
text-transform:uppercase;
background-repeat:no-repeat;
}
#x_aboutlist h3{
padding:0px 0px 0px 20px;
font-size:24px;
font-weight:normal;
}
.clear {
	CLEAR: both; MARGIN-TOP: -1px; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px; LINE-HEIGHT: 0; HEIGHT: 0px
}
.pageNavi {
	line-height:24px;PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 30px auto 0px; WIDTH:98%; PADDING-TOP: 10px; TEXT-ALIGN: center;font-size:14px; 
}
.pageleft {
	OVERFLOW: hidden; WIDTH: 700px; LINE-height:24px; FLOAT: left; TEXT-ALIGN: left
}
.pageright {
	OVERFLOW: hidden; WIDTH: 100px; LINE-height:24px;FLOAT: right; TEXT-ALIGN: right
}

a.button_2:link,a.button_3:visited{
	display:block;
	margin:40px auto;
	width:180px;
	height:60px;
	line-height:60px;
	border:1px solid #3096e4;
	border-radius:80px;
	font-weight:normal;
	cursor:pointer;
	text-align:center;
	letter-spacing:0px;
	font-size:16px; text-indent:0px;
	color:#fff;
	background-color:#3096e4;
}
a.button_2:hover{
background-color:#333;
	color:#FFf;
	text-decoration: none;
	border:1px solid #333;
	font-size:16px;
	text-align: center;
}


a.button_3:link,a.button_3:visited{
	display:block;
	margin:0px auto 0px 0px;
	width:140px;
	height:35px;
	line-height:35px;
	border:1px solid #3096e4;
	border-radius:0px;
	font-weight:normal;
	cursor:pointer;
	text-align:center;
	letter-spacing:0px;
	font-size:14px; text-indent:0px;
	color:#fff;
	background-color:#3096e4;
}
a.button_3:hover{
background-color:#333;
	color:#FFf;
	text-decoration: none;
	border:1px solid #333;
	font-size:14px;
	text-align: center;
}

.text_center { text-align: center;}
.page a,.page span {
        display: inline-block;
        font-size: 15px;
        color:#7f8d99;
        width:38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        margin:40px 4px 10px auto;
        background: #ecf1f5;
        border-radius: 6px;
        -moz-border-radius: 6px
        -webkit-border-radius:  6px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .page a:hover,.page span.current {
        background: #0064b2;
        color:#fff;
    }
.x_main5_content{width:100%;border-top:none; border:0px solid #FF0000; overflow:hidden;margin:0px auto;} 
.x_main5_content1{width:1300px;overflow:hidden;  margin:0px auto 40px auto; border:0px solid #330000;} 
.x_main5_content1 ul{width:6280px; overflow:hidden; } 
.x_main5_content1 ul li{position:relative; float:left; width:160px; display:inline;padding:0px;border:0px solid #ddd; background-color:#fff; margin:0px 30px 30px 0px ;text-align:center; overflow:hidden; border-bottom-right-radius:0px;  border-top-left-radius:0px; box-shadow:0px 0px 0px #eee;} 
.x_main5_content1 ul li img{width:99%; border:1px solid #ddd; padding:0px 0px; margin-bottom:0px;border-bottom-right-radius:0px;  border-top-left-radius:0px; } 
.x_main5_content1 ul li img:hover{transform: scale(1);} 
.x_main5_content1 ul li img{
    max-width:100%;
    max-height:100%;
    transition:transform 0.6s;
    -webkit-transition:-webkit-transform 0.6s;}
.x_main5_content1 ul li h3{ text-align:center;border-top:0px solid #ddd; padding:18px 0px; font-size:14px; line-height:22px;  font-weight:normal; } 
.x_main5_content1 ul li h3 a{ color:#444;} 
.x_main5_content1 ul li h3 a:hover{ color:#0052a3;} 
.x_scrool_leftbtn{width:0px; height:54px; background-image:url(/templates/cn2014/images/left1.jpg); float:left;margin:120px 0px 0px 0px;border:0px solid #ddd;cursor:pointer;} 
.x_scrool_rightbtn{width:0px; height:54px;background-image:url(/templates/cn2014/images/right1.jpg); float:right;margin:120px 0px 0px 0px;border:0px solid #ddd;cursor:pointer;}